<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tregante</title>
<link href='http://fonts.googleapis.com/css?family=Crimson+Text:600' rel='stylesheet' type='text/css' />
<link href="../../css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="../../css/style.css" rel="stylesheet" type="text/css" />
<link href="../../css/html/index.css" rel="stylesheet" type="text/css" />
<link href="../../js/ui/header/jquery.header.css" rel="stylesheet" type="text/css" />
<link href="../../js/ui/footer/jquery.footer.css" rel="stylesheet" type="text/css" />
<link rel="icon" type="image/png" href="../../images/tregante-fav-icon.png" />
<script type="text/javascript" src="../../js/json2.js"></script>
<script type="text/javascript" src="../../js/jquery-2.0.3.js"></script>
<script type="text/javascript" src="../../js/jquery.plusslider-min.js"></script>
<script type="text/javascript" src="../../js/jquery.bt.js"></script>
<script type="text/javascript" src="../../js/twitter.js"></script>
<script type="text/javascript" src="../../js/jquery.ui.totop.js"></script>
<script type="text/javascript" src="../../js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="../../js/ui/header/jquery.header.js"></script>
<script type="text/javascript" src="../../js/ui/footer/jquery.footer.js"></script>
<script type="text/javascript" src="../../js/html/header.js"></script>
<script type="text/javascript" src="../../js/html/home/index.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
	<div id="header"></div>
	<!--header-->
	<div id="pic-holder">
		<div id="slider">
			<div class="slider-pic" style="background: url(../../images/index/slider-1.jpg) no-repeat scroll center center;"></div>
			<div class="slider-pic" style="background: url(../../images/index/slider-2.jpg) no-repeat scroll center center;"></div>
			<div class="slider-pic" style="background: url(../../images/index/slider-3.jpg) no-repeat scroll center center;">
				<div class="slider-caption">
					<p>
						This is some <a href="##">example</a> html caption.
					</p>
				</div>
			</div>
			<div class="slider-pic" style="background: url(../../images/index/slider-4.jpg) no-repeat scroll center center;"></div>
		</div>
		<!--slider-->
	</div>
	<!--pic-holder-->
	<div id="slider-border"></div>
	<div id="container">
		<div class="home3col">
			<div class="home3col-ribbon">
				<img src="../../images/index/creativity.png" alt="" />
			</div>
			<!--home3col-rb-->
			<h1>入库</h1>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dictum, metus quis suscipit euismod, <a href="##">quam</a> nulla fringilla felis.
			</p>
			<div class="home3col-details">
				<a href="##">更多报表</a>
				<div class="home3col-details-border"></div>
			</div>
			<!--home3col-details-->
		</div>
		<!--home3col-->
		<div class="home3col">
			<div class="home3col-ribbon">
				<img style="margin-left: -4px;" src="../../images/index/speciality.png" alt="" />
			</div>
			<!--home3col-rb-->
			<h1>出库</h1>
			<p>
				Vivamus <a href="##">tempor</a> turpis diam. Sed faucibus eros et lacus mollis eget pretium eros ultricies. Ut malesuada <a href="##">mauris</a> nec leo vehicula quis lobortis nisi rhoncus.
			</p>
			<div class="home3col-details">
				<a href="##">更多报表</a>
				<div class="home3col-details-border"></div>
			</div>
			<!--home3col-details-->
		</div>
		<!--home3col-->
		<div class="home3col" id="home3colLast">
			<div class="home3col-ribbon">
				<img src="../../images/index/consistency.png" alt="" />
			</div>
			<!--home3col-rb-->
			<h1>库存</h1>
			<p>
				Maecenas ac neque augue, eu malesuada augue. Vestibulum <a href="##">ultricies</a> sem et risus <a href="##">ligula</a> scelerisque. Etiam quis purus non metus facilisis auctor mattis nulla.
			</p>
			<div class="home3col-details">
				<a href="##">更多报表</a>
				<div class="home3col-details-border"></div>
			</div>
			<!--home3col-details-->
		</div>
		<!--home3col-->
		<div class="clear"></div>
		<div id="sp">
			<h2>常用功能</h2>
			<div class="h-border" id="sph"></div>
		</div>
		<!--sp-->
		<div class="clear"></div>
		<div id="sp-carousel">
			<div id="sp-carouselPrev"></div>
			<div id='carousel_inner'>
				<ul id='carousel_ul'>
					<li><a href="##"><img src="../../images/index/sp1.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp2.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp3.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp4.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp5.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp6.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp7.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp8.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp9.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp10.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp11.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp1.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp2.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp3.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp4.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp5.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp6.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp7.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp8.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp9.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp10.png" alt="" /></a></li>
					<li><a href="##"><img src="../../images/index/sp11.png" alt="" /></a></li>
				</ul>
			</div>
			<!--carousel_inner-->
			<div id="sp-carouselNext"></div>
		</div>
		<!--sp-carousel-->
		<div class="clear"></div>
		<div id="rw">
			<h2>最近访问</h2>
			<div class="h-border" id="hrw"></div>
			<div class="clear"></div>
			<ul id="rw-pro">
				<li><a class="rw-pp" title="&nbsp;" href="../../images/index/rw-1-big.jpg" rel="prettyPhoto[rw]"><ins>
							<img src="../../images/index/rw-1.jpg" alt="Project Title" />
							<div class="rw-pro-rb">
								<a class="project-single" title="&nbsp;" href="project-single.html"><ins>
										<h6>PROJECT TITLE</h6>
									</ins></a>
							</div>
						</ins></a></li>
				<li><a class="rw-pp" title="&nbsp;" href="../../images/index/rw-2-big.jpg" rel="prettyPhoto[rw]"><ins>
							<img src="../../images/index/rw-2.jpg" alt="Project Title" />
							<div class="rw-pro-rb">
								<a class="project-single" title="&nbsp;" href="project-single.html"><ins>
										<h6>PROJECT TITLE</h6>
									</ins></a>
							</div>
						</ins></a></li>
				<li><a class="rw-pp" title="&nbsp;" href="../../images/index/rw-3-big.jpg" rel="prettyPhoto[rw]"><ins>
							<img src="../../images/index/rw-3.jpg" alt="Project Title" />
							<div class="rw-pro-rb">
								<a class="project-single" title="&nbsp;" href="project-single.html"><ins>
										<h6>PROJECT TITLE</h6>
									</ins></a>
							</div>
						</ins></a></li>
			</ul>
		</div>
		<!--rw-->
		<div id="testimonial">
			<div id="testimonial-rb"></div>
			<div class="h-border">
				<h2>最近动态</h2>
			</div>
			<!--hborder-->
			<div id="testimonial-slider">
				<div>
					<p>
						Quisque est nibh, pellentesque in ultricies vel, vulputate vel diam. Cras scelerisque blandit lacus, et rutrum mi congue in ultricies. <span class="testimonial-owner">Client Name 1,
							Position, <a href="##">Company</a>
						</span>
					</p>
				</div>
				<div>
					<p>
						Sodales dapibus sem, a malesuada erat tempor sit amet ut sem ipsum fusce auctor, sagittis purus eu tempor venenatis. <span class="testimonial-owner">Client Name 2, Position, <a href="##">Company</a></span>
					</p>
				</div>
				<div>
					<p>
						Praesent rutrum purus at magna viverra viverra. Phasellus dapibus faucibus sagittis. Proin ullamcorper aliquet molestie pretium. <span class="testimonial-owner">Client Name 3, Position, <a
							href="##">Company</a></span>
					</p>
				</div>
			</div>
			<!--testimonial-slider-->
		</div>
		<!--testimonial-->
		<div class="clear"></div>
	</div>
	<!--container-->
	<div id="social" class="mainpage">
		<table>
			<tr>
				<td>
					<ul class="social-centered">
						<li style="margin-right: 5px;"><a href="https://twitter.com/akin_g" target="_blank" title="Twitter"><img src="../../images/twitter.png" alt="" /></a></li>
						<li style="margin-right: 4px;"><a href="https://www.facebook.com/akingundogan" target="_blank" title="Facebook"><img src="../../images/facebook.png" alt="" /></a></li>
						<li style="margin-right: 6px;"><a href="##" title="Friendfeed"><img src="../../images/friendfeed.png" alt="" /></a></li>
					</ul>
				</td>
			</tr>
		</table>
	</div>
	<!--social-->
	<div id="footer"></div>
	<!--footer-->
</body>
</html>
